*{margin: 0;padding: 0}
li{list-style: none}
@rem:1/75rem;
.personinfo{
  width: 750*@rem;
  height: auto;
  background:#eee;
  position: relative;
  padding-bottom: 100*@rem;
  .info-top{
    width: 100%;
    height:1000*@rem;
    margin-bottom: 20*@rem;
    position: relative;
    .picInfo{
      width: 100%;
      height:100% ;
      position: relative;
      .title{
        width: 100%;
        font-size: 36*@rem;
        color: #fff;
        text-align: center;
        line-height: 40*@rem;
        font-weight: normal;
        position: absolute;
        top:65*@rem;
        z-index: 20;
      }
      .swiper-container{
        width: 750*@rem;
        height: 100%;
        .swiper-slide{
          width: 100%;
          height: 100%;
          img{
            width: 100%;
            height: 100%;
          }
        }
      }
    }
    .infodesc{
      width: 100%;
      height: 140*@rem;
      background: rgba(0,0,0,0.6);
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 66;
      img{
        width: 112*@rem;
        height: 112*@rem;
        border-radius: 50%;
        overflow: hidden;
        border: 4*@rem solid #ff98e1;
        top:-30*@rem;
        left: 30*@rem;
        position: absolute;
        z-index: 33;
      }
      div{
        width: 100%;
        height: 69*@rem;
      }
      .desc1{
        border-bottom: 2*@rem solid #fff;
        b{
          float: left;
          height: 100%;
          line-height: 69*@rem;
          margin: 0 30*@rem;
          font-size: 30*@rem;
          color: #fff;
          font-weight: normal;
        }
        p{
          padding:4*@rem;
          border-radius: 4*@rem;
          background:#ff98e1;
          color: #fff;
          float:left;
          font-size: 18*@rem;
          margin-top: 15*@rem;
          s{
            width: 20*@rem;
            height: 20*@rem;
            background: url("/static/img/personalCenter/nvsex.png") no-repeat;
            background-size: 100%;
            display: inline-block;
            margin: 0 4*@rem;
          }
        }
        i{
          width: 151*@rem;
          height: 51*@rem;
          background: url("/static/img/personalCenter/hy_guanzhu.png") no-repeat;
          background-size: 100%;
          float: right;
          margin-top: 9*@rem;
          margin-right: 30*@rem;
        }
      }
      .desc2{
        width: 100%;
        span{
          font-size: 24*@rem;
          color: #fff;
          float: left;
          margin-left: 30*@rem;
          height: 100%;
          line-height: 69*@rem;

        }
        span:last-child{
          color:#ffdf00;
        }
      }
    }
    .infodesc2{
      width: 100%;
      position: absolute;
      bottom: 150*@rem;
      right:20*@rem;
      z-index: 66;
      i{
        width: 99*@rem;
        height: 172*@rem;
        background: url("/static/img/personalCenter/hy_love.png") no-repeat;
        background-size: 100%;
        display: block;
        position: relative;
        left: 650*@rem;
      }
      p{
        font-size: 24*@rem;
        color: #fff;
        overflow: hidden;
        b{
          float: right;
          font-weight: normal;
        }
        span{
          float: right;
          margin-left: 15*@rem;
          s{
            width: 16*@rem;
            height: 20*@rem;
            background: url("/static/img/personalCenter/hy_dw.png") no-repeat;
            background-size: 100%;
            display: inline-block;
            margin-right: 15*@rem;
          }
        }
      }
    }
  }

  .info-gift,.info-love,.info-guard,.info-giftout,.info-dynamic,.info-seeher,.info-talk{
    width: 100%;
    height: 220*@rem;
    background: #fff;
    margin-bottom: 20*@rem;
    position: relative;
    h2{
      color: #999;
      font-size: 36*@rem;
      font-weight: normal;
      line-height:75*@rem;
      margin-left: 30*@rem;
    }
    ul{
      overflow: hidden;
      margin-left: 30*@rem;
      li{
        float: left;
        width:120*@rem;
        height: 120*@rem;
        margin-right: 30*@rem;
        overflow: hidden;
        img{width: 100%;height: 100%;border-radius: 100%}
      }
    }
    a{
      width: 14*@rem;
      height: 28*@rem;
      position: absolute;
      top:120*@rem;
      right: 30*@rem;
      img{
        width: 100%;
        height: 100%;
        position: absolute;
      }
    }
  }
  .info-seeher{
    ul{
      margin-top: 6*@rem;
      li{
        width:80*@rem;
        height: 80*@rem;
        border-radius: 50%;
      }
    }
  }
  .info-talk{
    ul{
      margin-top: 25*@rem;
      li{
        width: auto;
        height: auto;
        display: inline-block;
        padding: 10*@rem 15*@rem;
        border-radius:15*@rem ;
        font-size:24*@rem;
        color: #333;
        background: #ffdf00;
      }
    }
  }
  .info-bottom{
    width:100%;
    height: 100*@rem;
    overflow: hidden;
    position: fixed;
    bottom: 0;
    background: #f8f8f8;
    .btn{
      width:670*@rem;
      height: 80*@rem;
      margin: 0 auto;
      margin-top: 10*@rem;
      a{width: 100%;height: 100%;}
      img{width: 100%;height: 100%;}
    }
  }
}
.personinfo div>ul>.nosomething{
  width: 100%;
  font-size: 0.48rem;
  color: #999;
  line-height: 1.6rem;
}